<!--top_gradient starts-->
<div class="top_gradient">
  <div class="container clearfix">
    <div class="grid_12"> 
      
      <!--page header starts-->
      <div class="page_header clearfix">
        <h1>Features page</h1>
        <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p>
      </div>
      <!--page header ends--> 
      
    </div>
  </div>
  
  <!--features two columns starts-->
  <div class="container features_main clearfix">
    <h3 class="grid_12">Features two columns</h3>
    <div class="grid_3"> <img src="../images/preview/img-g3.jpg" width="200" height="125" alt="Image" class="image_frame"/> </div>
    <div class="grid_3">
      <h4>Lorem ipsum dolor</h4>
      <p>Softone is a  Nam liber tempor cum soluta nobis eleifend option possim assum. Typi non habent claritatem insitam est usus legentis in iis qui facit eorum claritatem. </p>
    </div>
    <div class="grid_3"> <img src="../images/preview/img-g3.jpg" width="200" height="125" alt="Image" class="image_frame"/> </div>
    <div class="grid_3">
      <h4>Nonummy nibh euismod </h4>
      <p>Softone is a  Nam liber tempor cum soluta nobis eleifend option possim assum. Typi non habent claritatem insitam est usus legentis in iis qui facit eorum claritatem. </p>
    </div>
  </div>
  <!--features two columns ends-->
  
  <div class="spacer_30px"></div>
  
  <!--features four columns starts-->
  <div class="container features_main clearfix">
    <h3 class="grid_12">Features four columns</h3>
    <div class="grid_3">
      <h4>Option congue nihil </h4>
      <img src="../images/preview/img-g3.jpg" width="200" height="125" alt="Image" class="image_frame"/>
      <p class="top_padding">Softone is a  Nam liber tempor cum soluta nobis eleifend option possim assum. Typi non habent usus legentis in iis qui facit eorum claritatem. </p>
    </div>
    <div class="grid_3">
      <h4>Habent claritatem </h4>
      <img src="../images/preview/img-g3.jpg" width="200" height="125" alt="Image" class="image_frame"/>
      <p class="top_padding">Softone is a  Nam liber tempor cum soluta nobis eleifend option possim assum. Typi non habent usus legentis in iis qui facit eorum claritatem. </p>
    </div>
    <div class="grid_3">
      <h4>Eorum claritatem</h4>
      <img src="../images/preview/img-g3.jpg" width="200" height="125" alt="Image" class="image_frame"/>
      <p class="top_padding">Softone is a  Nam liber tempor cum soluta nobis eleifend option possim assum. Typi non habent claritatem insitam est usus legentis in iis. </p>
    </div>
    <div class="grid_3">
      <h4>Lorem ipsum dolor</h4>
      <img src="../images/preview/img-g3.jpg" width="200" height="125" alt="Image" class="image_frame"/>
      <p class="top_padding">Softone is a  Nam liber tempor cum option possim assum. Typi non habent claritatem insitam legentis in facit eorum claritatem. </p>
    </div>
  </div>
  <!--features four columns ends-->
  
  <div class="spacer_30px"></div>
  
  <!--features three columns starts-->
  <div class="container features_main clearfix">
    <h3 class="grid_12">Features three columns</h3>
    <div class="grid_4">
      <h4>Nam liber tempor</h4>
      <img src="../images/preview/img-g4.jpg" width="280" height="150" alt="Image" class="image_frame"/>
      <p class="top_padding">Softone is a  Nam liber tempor cum soluta nobis eleifend option possim assum. Typi non habent claritatem insitam est usus legentis in iis qui facit. </p>
    </div>
    <div class="grid_4">
      <h4>Minim veniam</h4>
      <img src="../images/preview/img-g4.jpg" width="280" height="150" alt="Image" class="image_frame"/>
      <p class="top_padding">Softone is a  Nam liber tempor cum soluta nobis eleifend option possim assum. Typi non habent usus legentis in iis qui facit eorum claritatem. </p>
    </div>
    <div class="grid_4">
      <h4>Nostrud exercitation</h4>
      <img src="../images/preview/img-g4.jpg" width="280" height="150" alt="Image" class="image_frame"/>
      <p class="top_padding">Softone is a  Nam liber tempor cum soluta option possim assum. Typi non habent claritatem insitam est usus legentis in iis qui facit eorum claritatem. </p>
    </div>
  </div>
  <!--features three columns starts-->
  
  <div class="spacer_30px"></div>
  
  <!--features single column starts-->
  <div class="container features_main clearfix">
    <h3 class="grid_12">Features single column</h3>
    <div class="grid_6"> <img src="../images/preview/img-g6.jpg" width="440" height="250" alt="Image" class="image_frame"/> </div>
    <div class="grid_6">
      <h4>Phasellus mattis tincidunt nibh</h4>
      <p>Softone is a  Nam liber tempor cum soluta nobis eleifend option possim assum. Typi non habent claritatem insitam est usus legentis in iis qui facit eorum claritatem. </p>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum. </p>
    </div>
  </div>
  <!--features single column ends-->
  
  <div class="clear"></div>
</div>
<!--top_gradient ends--> 

<!--spacer here-->
<div class="spacer_30px"></div>